@charset "utf-8";

/* backgrounds */
body.digital-purchase,
body.open-beta { background: url("../../images/bg/digital-purchase.jpg") 50% 0 no-repeat; }
body.presale { background: url("../../images/bg/cat.jpg") 50% 0 no-repeat; }
body.wow-account { background: url("../../images/bg/cat.jpg") 50% 0 no-repeat; }

/* open beta */
#open-beta-header { font-size:16px; color:#bfbfbf; padding-right: 375px; padding-bottom: 25px; }
#open-beta-header strong { font-size:24px; color:#FFF; }
#open-beta-header span { color:#66fffa; }

/* digital purchase */
#digital-purchase-header { font-size:16px; color:#bfbfbf; height: 96px; padding: 0 375px 0 10px; }
#digital-purchase-header strong { font-size: 36px; color:#FFF; }
#digital-purchase-header span { color: #00c6ff; }
#digital-purchase { height: 280px; padding: 35px; position: relative; background: url('../../images/landings/digital-purchase/bg.jpg') no-repeat 0 0; }
#digital-purchase #game-box { position:absolute; top:-205px; right:35px; height:538px; width:323px; background:url("../../images/landings/digital-purchase/game-box2.jpg") no-repeat; }
#digital-purchase .button-buynow { display:block; margin:20px 0 0 40px; height: 86px; width: 445px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow: #8c8c8b 0 0 15px; -webkit-box-shadow: #8c8c8b 0 0 15px; background-repeat: no-repeat; background-position: 0 0; }
#digital-purchase .button-buynow:hover { background-position: 0 -86px; }

/* columns */
.columns-2,
.columns-3 { overflow: hidden; }
.column { float: left; }
.columns-2 .column { width: 50%; }
.columns-3 .column { width: 33.333%; }

/* icons */
.icon-external {
	display: inline-block; padding-right: 20px; background: url("../../images/icons/link-icons.png") right 0 no-repeat;
}
.icon-external { background-position: right 2px; }
.icon-external:hover,
.icon-external:focus { background-position: right -38px; }

/* digital presale */
.digital-presale { padding: 60px 0; }
.digital-presale acronym { border: 0; cursor: help; }
.digital-presale .bottom { padding-bottom: 50px; background: url("../../images/landings/presale/bg-bottom.png") no-repeat bottom center; }
.digital-presale .top { padding-top: 50px; background: url("../../images/landings/presale/bg-top.png") no-repeat top center; }

.presale-steps { width: 950px; margin: 0 auto; padding: 190px 0 0 0; background-repeat: no-repeat; background-position: center top; }
.presale-steps .summary { display: block; }
.presale-steps .heading { padding-left: 50px; margin: 0; font-size: 24px; font-weight: bold; }
.presale-steps .caption { padding-left: 50px; margin: 0; }

.presale-faq { width: 880px; margin: 0 auto; }
.presale-faq .header,
.presale-faq .question,
.presale-faq .answer { padding: 0 25px; color: #414a56; line-height: 1.25; }
.presale-faq .header { font-size: 20px; margin: 0 0 1em 0; letter-spacing: -.04em; }
.presale-faq .question { margin: 0 0 .25em 0; letter-spacing: -.04em; }
.presale-faq .answer { margin: 0 0 2.5em 0; }
.presale-faq .answer:last-child { margin-bottom: 0; }

.digital-presale .section-buttons { text-align: center; }
.digital-presale .button4 { margin: 0 0 .5em 0; }
.digital-presale .ui-button span { text-transform: none; letter-spacing: -.04em; font-family: "Trebuchet MS",Arial,sans-serif }

/* what is battle.net */
#what-is-bnet { color: #a2b0c2; font-size: 13px }
#what-is-bnet h2 { color: #fff; font-size: 24px; font-weight: normal; }
#what-is-bnet .back-link { color: #2a3d45; font-size: 11px; padding-right: 15px; background: url("../../images/landings/what-is-bnet/back-arrow.gif") 100% 50% no-repeat; }
#what-is-bnet .back-link:hover { text-decoration: underline }
#what-is-bnet .cell { margin-bottom: 25px; }
#what-is-bnet .cell p { line-height: 200% }
#what-is-bnet .cell-col { width: 265px; margin: 30px; float: left; }
#what-is-bnet .cell-col h3 { color: #fff; padding: 8px 0 8px 40px; }
#what-is-bnet #intro { margin: 0; padding: 30px 65px; font-size: 16px; font-weight: bold; text-align: center; color: #91bfe5; text-shadow: #000 1px 1px; background: url("../../images/landings/what-is-bnet/bg-intro.png") 50% 100% no-repeat; }
#what-is-bnet #intro h2 { color: #91bfe5; font-size: 36px; font-weight: bold; }
#what-is-bnet #info-community { min-height: 275px; padding: 50px 575px 0 0; background: url("../../images/landings/what-is-bnet/bg-community.png") 0 0 no-repeat; }
#what-is-bnet #info-match { min-height: 200px; padding: 50px 0 0 550px; background: url("../../images/landings/what-is-bnet/bg-match.png") 0 -15px no-repeat; }
#what-is-bnet #info-play { min-height: 215px; padding: 50px 550px 0 0; background: url("../../images/landings/what-is-bnet/bg-play.png") 110% 0 no-repeat; }
#what-is-bnet #info-compete { min-height: 275px; padding: 50px 0 0 550px; background: url("../../images/landings/what-is-bnet/bg-compete.png") 0 -15px no-repeat; }
#what-is-bnet #info-cloud { min-height: 285px; padding: 50px 550px 0 0; background: url("../../images/landings/what-is-bnet/bg-cloud.png") 105% -25px no-repeat; }
#what-is-bnet #info-media { min-height: 265px; padding: 50px 0 0 550px; background: url("../../images/landings/what-is-bnet/bg-media.png") 0 -15px no-repeat; }
#what-is-bnet #info-modding { min-height: 285px; padding: 50px 550px 0 0; background: url("../../images/landings/what-is-bnet/bg-modding.png") 105% -25px no-repeat; }
#what-is-bnet #info-connect { min-height: 265px; padding: 50px 0 0 550px; background: url("../../images/landings/what-is-bnet/bg-connect.png") 0 0 no-repeat; }
#what-is-bnet #info-parental { background: url("../../images/landings/what-is-bnet/bg-parental.png") 0 0 no-repeat; }
#what-is-bnet #info-contests { background: url("../../images/landings/what-is-bnet/bg-contests.png") 0 0 no-repeat; }
#what-is-bnet #info-more { background: url("../../images/landings/what-is-bnet/bg-more.png") 0 0 no-repeat; }

/* Real-ID */
#realid, #faq { color: #a2b0c2; font-size: 13px; padding: 50px 0; }
#realid h2, #faq h2 { font-size:60px; color:#fff; letter-spacing:-2px;  margin: 0 0 25px 0; }
#realid h3 { font-size:20px; letter-spacing:-1px; color:#74b9d6; margin:0 }
#realid .intro p { margin: .5em 0 1em; line-height: 1.8em}
#realid .realid-features {line-height:1.8em; margin-top: 20px;}
#realid .realid-features h2 {font-size:26px; color:letter-spacing:-1px; color:#fff; font-weight:bold; padding:0 5px 0 0; display: block; margin-bottom: 8px;}
#realid .realid-features .odd, 
#realid .realid-features .even { width: 450px; padding: 60px 0}
#realid .realid-features .odd { padding-left:300px}
#realid .realid-features .even { padding-left:500px}
#realid #real-names { background: url(../../images/landings/real-id/real_names.png) 50px 50% no-repeat; }
#realid #cross-game-chat { background: url("../../images/landings/real-id/cross_game_chat.png") 200px 50% no-repeat; }
#realid #rich-presence { background: url("../../images/landings/real-id/rich_presence.png") 50px 50% no-repeat; }
#realid #broadcasts { background: url("../../images/landings/real-id/broadcasts.png") 200px 50% no-repeat; }
#realid #all-chars { background: url("../../images/landings/real-id/all_chars.png") 50px 50% no-repeat; }

/* FAQ */
.rcol, .lcol { width:45%; float: right;}
.lcol { float: left;}
.faq-answer {line-height:1.8em}
.faq-item { margin: 10px 0; padding-top: 20px; }
.faq-question { color:#fff; font-size: 16px; font-weight: bold; }


/* sc2 product info only KR, TW*/
.primary { background:url(../../images/landings/kr-sc2request/s2.pngg') no-repeat scroll right top transparent; height:1100px }
.primary .header { border-bottom:1px solid #B2B0AF; height:48px; overflow:hidden; padding:11px 0 0 56px; position:relative; width:880px; }
h3.headline { font-family:Malgun Gothic,AppleGothic,Dotum,'Trebuchet MS',Arial,sans-serif; font-size:24px; font-weight:normal; letter-spacing:0; line-height:30px; }
.primary .header img { border-right:1px solid #B2B0AF; left:0; position:absolute; top:11px; }
.primary .desc { overflow:hidden; position:relative; width:990px; padding:20px 0 0 45px }

.box-left { padding:20px 0 0 45px; width:400px }
.float-left { float:left }
.float-right { float:right; padding-right:70px; top:0; left:0 }
.box-left .top-box { width:393px; height:80px; background:url(../../images/landings/kr-sc2request/kr-bg-1.jpgg') no-repeat; }
.box-left .top-box .unlimited { background:url(../../images/landings/kr-sc2request/icon-unlimited.jpgg') no-repeat top left; color:#fff; position:relative; top:15px; left:40px; height:45px; padding-left:80px; padding-top:9px }
.box-left .top-box .limited { background:url(../../images/landings/kr-sc2request/icon-limited.jpgg') no-repeat top left; color:#fff; position:relative; top:15px; left:40px; height:45px; padding-left:80px; padding-top:9px }
.box-left .top-box .unlimited span, .box-left .top-box .limited span { font-size:18px; font-weight:bold }

.box-left .bottom-box { margin-left:-4px }  
.box-left .bottom-box .top { background:url(../../images/landings/kr-sc2request/kr-bg-2-top.jpgg') no-repeat; width:399px; height:11px; }
.box-left .bottom-box .middle { background:url(../../images/landings/kr-sc2request/kr-bg-2-middle.jpgg') repeat-y; width:399px; padding:10px 10px }
.box-left .bottom-box .middle .box { background:url(../../images/landings/kr-sc2request/box.jpgg') no-repeat top left; padding-left:115px; padding-bottom:10px; width:260px }
.box-left .bottom-box .middle .digital { background:url(../../images/landings/kr-sc2request/digital.jpgg') no-repeat top left; padding-left:115px; width:260px; padding-bottom:10px; }
.box-left .bottom-box .middle .day-start { background:url(../../images/landings/kr-sc2request/1d-starter-tw.jpgg') no-repeat top left; padding-left:115px; width:260px;  }

.box-left .bottom-box .middle .month { background:url(../../images/landings/kr-sc2request/30d.jpgg') no-repeat top left; padding-left:115px; padding-bottom:10px; width:260px; height:150px  }
.box-left .bottom-box .middle .month-digital { background:url(../../images/landings/kr-sc2request/30d-digital-tw.jpgg') no-repeat top left; padding-left:115px; padding-bottom:30px; width:260px; height:150px  }
.box-left .bottom-box .middle .day { background:url(../../images/landings/kr-sc2request/1d.jpgg') no-repeat top left; padding-left:115px; width:260px; padding-bottom:10px; }
.box-left .bottom-box .middle .day-digital { background:url(../../images/landings/kr-sc2request/1d-digital-tw.jpgg') no-repeat top left; padding-left:115px; width:260px; padding-bottom:10px; }
.box-left .bottom-box .middle .threedays { background:url(../../images/landings/kr-sc2request/3d-tw.jpgg') no-repeat top left; padding-left:115px; width:260px; padding-bottom:10px; }
.box-left .bottom-box .middle .dvd { background:url(../../images/landings/kr-sc2request/dvd.jpgg') no-repeat top left; padding-left:115px; width:260px; padding-bottom:50px; }
.box-left .bottom-box .middle .wow { background:url(../../images/landings/kr-sc2request/wow.jpgg') no-repeat top left; padding-left:115px; width:260px; padding-bottom:20px; }

.box-left .bottom-box .middle .title { color:#0072a3; font-size:16px; font-weight:bold } 
.box-left .bottom-box .middle .title span { color:#000; font-size:13px }
.box-left .bottom-box .middle ul { list-style-image:url(../../images/landings/kr-sc2request/list.giff'); margin-left:25px; margin-top:10px }
.box-left .bottom-box .middle ul li{ margin-top:4px; font-size:11px}
.box-left .bottom-box .middle ul li span{ color:#999 }
.box-left .bottom-box .middle .line { background:url(../../images/landings/kr-sc2request/cross-line.giff') no-repeat; width:375px; height:2px; padding:5px  0}
.box-left .bottom-box .middle .button { background:url(../../images/landings/kr-sc2request/button-bg.jpgg'); display: block; width:149px; height:25px; margin-left:105px; color:#fff; } 
.box-left .bottom-box .middle .button span.buy-digital { position:relative; top:5px; left:10px }
.box-left .bottom-box .middle .button span.buy-month { position:relative; top:5px; left:20px }
.box-left .bottom-box .middle .button span.buy-day { position:relative; top:5px; left:25px }
.box-left .bottom-box .middle .button span.buy-wow { position:relative; top:5px; left:4px; letter-spacing:-1px }
.box-left .bottom-box .bottom { background:url(../../images/landings/kr-sc2request/kr-bg-2-bottom.jpgg') no-repeat; width:399px; height:10px; }

.box-left .bottom-box .wow-purchase { letter-spacing:-0.5px} 

.download-box { padding:60px 0 0 0 }
.download-box p.down-desc { font-family:Malgun Gothic, AppleGothic, Dotum, "Trebuchet MS", Arial, sans-serif; font-size:15px; letter-spacing:-1px; font-weight:bold; margin-left:5px; color:#6a6a6a }
.download-box .download-button { background:url(../../images/landings/kr-sc2request/download-button.jpgg') no-repeat; width:315px; height:67px; margin-left:45px }
.download-box .download-button .pc { width:157px; display:block; height:67px; float:left }
.download-box .download-button .mac { width:158px; display:block; height:67px; float:left }

/* cataclysm product info only TW*/
.cmt-tw { background: url(../../images/landings/wow-product/wow-c.pngg') no-repeat scroll right top transparent; height: 1300px; }
.cmt-tw .title { color:#b92700 !important}
.box-left .top-box .point-card { background:url(../../images/landings/wow-product/icon-timecard.jpgg') no-repeat top left; color:#fff; position:relative; top:15px; left:40px; height:45px; padding-left:80px; padding-top:9px }
.box-left .top-box .point-wrapper { height:540px }
.box-left .bottom-box .middle .product { background:url(../../images/landings/wow-product/product-tw.jpgg') no-repeat top left; padding-left:115px; width:260px;  }
.box-left .bottom-box .middle .point-card-150 { background:url(../../images/landings/wow-product/point-150-tw.jpgg') no-repeat top left; padding-left:115px; width:260px;  }
.box-left .bottom-box .middle .point-card-300 { background:url(../../images/landings/wow-product/point-300-tw.jpgg') no-repeat top left; padding-left:115px; width:260px;  }
.box-left .bottom-box .middle .time-card-30d { background:url(../../images/landings/wow-product/time-30d-tw.jpgg') no-repeat top left; padding-left:115px; width:260px;  }
.box-left .bottom-box .middle .time-card-90d { background:url(../../images/landings/wow-product/time-90d-tw.jpgg') no-repeat top left; padding-left:115px; width:260px;  }
.box-left .bottom-box .middle .cmt li{ margin-top:4px; font-size:12px; color:#000}
.box-left .bottom-box div.time-card { height:440px }
p.intro-desc { font-size:14px; }
p.intro-desc span { font-weight:bold; color:#b92700 }

#digital-purchase-header {line-height:40px}
#digital-purchase-header p { margin-top:0 }


/* Battle.net Account Guide - only KR */
#page-header-guide { border-bottom: #afadac 1px solid; padding-top: 30px; padding-bottom: 10px; }
#page-header-guide h3.headline-guide { font-weight: normal; font-size: 30px; line-height: 34px; letter-spacing: -0.05em; font-family: 'Malgun Gothic', Dotum, Arial, sans-serif; color: #393939; }
.wow-account #layout-bottom { position: relative; }
.guide-account { padding: 0 0 60px 0; }
.guide-account .ui-button span { text-transform: none; letter-spacing: -.04em; font-family: "Dotum", Arial,sans-serif; }

.guide-steps { margin: 0 25px; padding: 190px 0 15px 0; background-image: url('../../images/landings/kr-account-guide/steps.jpg'); background-repeat: no-repeat; background-position: center top; }
.guide-steps .column { width: 310px; }
.guide-steps .heading { padding-left: 50px; margin: 0 0 .2em; font-size: 22px; font-weight: bold; font-family: "Malgun Gothic", Dotum, Arial,sans-serif; }
.guide-steps .caption { padding-left: 50px; margin: 0; }
.guide-steps .button { text-align: center; }
.guide-steps .account-true { float: left; display:inline; margin-left: -23px; padding: 6px 0 0 50px; *padding-top: 12px; _padding-top: 12px; }
.guide-steps .account-false { float: right; display:inline; margin-right: 22px; padding: 6px 0 0 0; *padding-top: 12px; _padding-top: 12px; }
.guide-steps .account-true p, .guide-steps .account-false p { padding-left: 5px; }
.guide-steps .account-true .ui-button, .guide-steps .account-false .ui-button { width: 127px; height: 38px; background: url("../../images/landings/kr-account-guide/btn-guide-small.jpg") no-repeat; }
.guide-steps .account-true a:hover, .guide-steps .account-false a:hover { background-position: 0 -38px; }
.guide-steps .account-true .ui-button span, .guide-steps .account-false .ui-button span { padding:0 0 0 10px; background: none; }
.guide-steps .account-true .ui-button span span, .guide-steps .account-false .ui-button span span { padding:0 10px 0 0; background: none; }
.section-decoration { height:165px; background: url("../../images/landings/kr-account-guide/bg-section.jpg") no-repeat center top; }
.section-decoration p { padding: 75px 0 0 195px; font-size: 12px;  font-weight: bold; }
.section-decoration ul { margin: 0 0 0 195px; }

.guide-info { width: 928px; margin: 40px auto 0; padding-bottom:30px; background: #e0dfdd url("../../images/landings/kr-account-guide/bg-guide-bottom.jpg") no-repeat bottom center; }
.guide-question { background: #e0dfdd url("../../images/landings/kr-account-guide/bg-guide-top.jpg") no-repeat top center; }
.guide-question .header,
.guide-question .question { padding: 0 45px; line-height: 1.40; }
.guide-question .header { font-size: 22px; margin: 0 0 .5em 0; padding-top:1.5em; text-shadow: #fff 1px 0 3px; }
.guide-question .question { margin: .5em 0 2em 0; letter-spacing: -.04em; font-size: 14px; color:#d16901; font-weight:bold; font-family: "Malgun Gothic", Dotum, Arial,sans-serif; }
.guide-question .survey { position: relative; display: none; width: 841px; height: 74px; margin: 10px auto; background: url("../../images/landings/kr-account-guide/bg-survey.png") no-repeat top center; }
.guide-question .survey h3 { position: relative; padding: 18px 0 0 28px; font-size: 14px; }
.guide-question .survey p { position: relative; width: 570px; margin: 0; padding: 0 0 0 28px; font-size: 12px; }
.guide-question .column2 h3 { padding: 8px 0 0 28px; font-size: 14px; }
.guide-question .survey .option { position: absolute; right: 0; top: 27px; font-size :14px; font-weight: bold; }
.guide-question .survey .option label { padding-right: 40px; }

.display-guide { width:844px; margin:30px auto 0; background: #f3a900 url("../../images/landings/kr-account-guide/bg-display-bottom.jpg") no-repeat bottom center; }
.display-guide .guide-case { display: none; width: 804px; margin:0 auto; padding: 15px 20px 60px; background: url("../../images/landings/kr-account-guide/bg-display.jpg") no-repeat top center; overflow: hidden; }
.display-guide .guide-case p { font-size: 14px; font-weight: bold; color: #000; letter-spacing: -0.1em; }
.display-guide .guide-case ul li { color: #000; }
.display-guide .guide-case .button { margin-top: 20px; text-align: center; }
